<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ClearStar-i99</title>
    <style>
        .box {
            width: 100%;
        }

        .c {
            float: left;
            width: 100px;
            height: 110px;
            background: url("images/abcd.jpg") no-repeat -241px -9px;
        }

        .l {
            float: left;
            width: 94px;
            height: 111px;
            background: url("images/abcd.jpg") no-repeat -7px -276px;
        }

        .e {
            float: left;
            width: 97px;
            height: 106px;
            background: url("images/abcd.jpg") no-repeat -483px -9px;
        }

        .a {
            float: left;
            width: 107px;
            height: 110px;
            background: url("images/abcd.jpg") no-repeat 0px -9px;
        }

        .r {
            float: left;
            width: 111px;
            height: 108px;
            background: url("images/abcd.jpg") no-repeat -137px -417px;
        }

        .s {
            float: left;
            width: 110px;
            height: 110px;
            background: url("images/abcd.jpg") no-repeat -258px -420px;
        }

        .t {
            float: left;
            width: 100px;
            height: 111px;
            background: url("images/abcd.jpg") no-repeat -368px -416px;
        }

        /* .a */
        /* .r */
    </style>
</head>

<body>
    <div class="box">
        <h4>我的英文名字是：ClearStar</h4>
        <div class="c"></div>
        <div class="l"></div>
        <div class="e"></div>
        <div class="a"></div>
        <div class="r"></div>
        <div class="s"></div>
        <div class="t"></div>
        <div class="a"></div>
        <div class="r"></div>
    </div>
</body>

</html>